<template>
    <div class="new-ac-list" id="ArticleItem">
        <ul>
            <li v-for="item in items">
                <a :href="item.url">
                    <em>●</em>
                    <span v-text="item.data"></span>
                    <span v-text="item.title">梦创田园创业者登上第一高峰！</span>
                </a>
            </li>
        </ul>
    </div>
</template>
<script>
    export default {
        name: 'ArticleItem',
        data (){
            return {
                items: [{
                    'title': '青年创业则爬山去玩啊',
                    'data': '2018-09-12',
                    'url': 'index.html'
                },{
                    'title': '青年创业则爬山去玩啊',
                    'data': '2018-09-12',
                    'url': 'index.html'
                },{
                    'title': '青年创业则爬山去玩啊',
                    'data': '2018-09-12',
                    'url': 'index.html'
                },{
                    'title': '青年创业则爬山去玩啊',
                    'data': '2018-09-12',
                    'url': 'index.html'
                }]
                
            }
        }
    }
</script>
<style>
    #ArticleItem ul li{height:2.6rem;width:100%;}
    #ArticleItem ul li em{color:#009900;font-size:1.4rem;margin:0 0.5rem;}
    #ArticleItem ul li span{font-size:1.4rem;line-height:2.6rem;}
    #ArticleItem ul li span:nth-child(1){float:left;}
    #ArticleItem ul li span:nth-child(2){float:right;color:#a0a0a0;}
</style>